<template>
  <view class="cm-tip-text" :class="[cmClass]" :style="[cmStyle]"
    @click="clickHandler">
    <view class="cm-tip-text-cover">
      <slot name="cover"></slot>
    </view>
    <view class="cm-tip-text-side cm-margin-right-2">
      <view :style="[tipStyle]"><slot name="leftTop"></slot></view>
      <view :style="[tipStyle]"><slot name="leftBottom"></slot></view>
    </view>
    <view class="cm-tip-text-main" :style="[mainStyle]">
      <slot></slot>
    </view>
    <view class="cm-tip-text-side cm-margin-left-2">
      <view :style="[tipStyle]"><slot name="rightTop"></slot></view>
      <view :style="[tipStyle]"><slot name="rightBottom"></slot></view>
    </view>
  </view>
</template>

<script src="./cm-tip-text.js"></script>

<style lang="stylus">
@import './cm-tip-text.styl'
</style>
